<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>dior</title>
    <link rel="stylesheet" href="css/index.css">

</head>
<body>
<!--轮播图-->
<div class="carousel">
    <a href="#"><img class="carouselImg show" src="images/indexImg/carousel-1.jpg" alt="轮播未加载"></a>
    <a href="#"><img class="carouselImg" src="images/indexImg/carousel-2.jpg" alt="轮播未加载"></a>
    <a href="#"><img class="carouselImg" src="images/indexImg/carousel-3.jpg" alt="轮播未加载"></a>
    <a href="#"><img class="carouselImg" src="images/indexImg/carousel-4.jpg" alt="轮播未加载"></a>
    <a href="#"><img class="carouselImg" src="images/indexImg/carousel-5.jpg" alt="轮播未加载"></a>
    <a href="#"><img class="carouselImg" src="images/indexImg/carousel-6.jpg" alt="轮播未加载"></a>
    <div class="back-next"><span class="back"><</span><span class="next">></span></div>
    <p class="text"> hehe</p>
</div>

<div class="neirong">
    <!--导航-->
    <nav>
        <div>
            <img class="hidden" src="images/indexImg/logo-noir.jpg" alt="">
            <a href="女士时装.html">女士时装</a>
            <a href="男士服装.html">男士时装</a>
            <a href="#">BABY DIOR</a>
            <a href="#">香氛</a>
            <a href="#">彩妆</a>
            <a href="#">护肤</a>
            <a href="腕表.html">高级腕表</a>
            <a href="珠宝.html">珠宝</a>
        </div>
        <div>
            <a href="#">DIORMAG</a>
            <a href="#">LA MAISON DIOR</a>
            <a href="#">DIOR TV</a>
        </div>
    </nav>
    <!--主体内容-->
    <section class="container">
        <section class="shizhuang">
            <div class="subnav jianjie">
                <div class="jianjie_text">
                    <span>时装<br>及<br>配饰</span>
                </div>
                <a href="#">
                    <figure>
                        <img class="jianjie_img" src="images/indexImg/mode-femme_width_440.jpg" alt=""/>
                        <p>女士时装</p>
                        <figcaption>2016年冬季系列</figcaption>
                    </figure>
                </a>
            </div>
            <a href="#" class="jianjie">
                <figure>
                    <img class="jianjie_img" src="images/indexImg/_width_440_002.jpg" alt=""/>
                    <p>男士时装</p>
                    <figcaption>2016/2017冬季系列</figcaption>
                </figure>
            </a>
            <a href="#" class="jianjie">
                <figure>
                    <video autoplay class="jianjie_img"
                           src="images/indexImg/31e59d972e95bc96e934f1a53a911cd1.mp4"></video>
                    <p>女士时装</p>
                    <figcaption>2016-17年秋冬季高级定制时装秀</figcaption>
                </figure>
            </a>
        </section>
        <section class="shizhuang">
            <div class="subnav jianjie">
                <div class="jianjie_text">
                    <span>香氛<br>与<br>美妆</span>
                </div>
                <a href="#">
                    <figure>
                        <img class="jianjie_img" src="images/indexImg/_width_440_003.jpg" alt=""/>
                        <p>彩妆</p>
                        <figcaption>贝拉·哈迪德彩妆展示</figcaption>
                    </figure>
                </a>
            </div>
            <a href="#" class="jianjie">
                <figure>
                    <img class="jianjie_img" src="images/indexImg/_width_440.jpg" alt=""/>
                    <p>女香</p>
                    <figcaption>MISS DIOR迪奥小姐</figcaption>
                </figure>
            </a>
            <a href="#" class="jianjie">
                <figure>
                    <img class="jianjie_img" src="images/indexImg/_width_440_006.jpg">
                    <p>彩妆</p>
                    <figcaption>Dior迪奥惊艳纤羽睫毛膏</figcaption>
                </figure>
            </a>


        </section>
        <section class="shizhuang">
            <div class="subnav jianjie_zhubao">
                <div class="jianjie_text zhubao">
                    <span>珠宝<br>与<br>腕表</span>
                </div>
            </div>
            <div class=" jianjie_zhubao">
                <a href="#">
                    <figure>
                        <img class="jianjie_img" src="images/indexImg/_width_440_005.jpg" alt=""/>
                        <p>腕表</p>
                        <figcaption>La D de Dior Satine</figcaption>
                    </figure>
                </a>
            </div>
            <div class=" jianjie_zhubao">
                <a href="#">
                    <figure>
                        <img class="jianjie_img" src="images/indexImg/_width_440_004.jpg" alt=""/>
                        <p>珠宝</p>
                        <figcaption>Dior à versailles</figcaption>
                    </figure>
                </a>
            </div>

        </section>

    </section>
    <!--迪奥历史-->
    <div class="dior_history">
        <a href="#">
            <figure>
                <img class="diors1_img" src="images/indexImg/diormag_height_40.jpg" alt=""/>
                <img class="diors2_img" src="images/indexImg/prehome_video_diorever.jpg" alt=""/>
                <figcaption>
                    29.07 名人眼中的DIOREVER
                </figcaption>
            </figure>
        </a>
        <a href="#">
            <figure>
                <img class="diors1_img" src="images/indexImg/_height_40.jpg" alt=""/>
                <img class="diors2_img" src="images/indexImg/a.jpg" alt=""/>
                <figcaption>
                    迪奥品牌世界
                </figcaption>
            </figure>
        </a>
        <a href="#">
            <figure>
                <img class="diors1_img" src="images/indexImg/_height_40_002.jpg" alt=""/>
                <img class="diors2_img" src="images/indexImg/a.gif" alt=""/>
                <figcaption>
                    迪奥品牌短片
                </figcaption>
            </figure>
        </a>
    </div>
    <!--页尾的语言选择弹框-->
    <div id="popup" class="popup">
        <dl>
            <dt>EUROPE</dt>
            <dd><a href="#">BELGIQUE</a></dd>
            <dd><a href="#">BELGIUM</a></dd>
            <dd><a href="#">DEUTSCHLAND</a></dd>
            <dd><a href="#">ESPAÑA</a></dd>
            <dd><a href="#">FRANCE</a></dd>
            <dd><a href="#">ITALIA</a></dd>
            <dd><a href="#">РОССИЯ</a></dd>
            <dd><a href="#">UNITED KINGDOM</a></dd>
        </dl>
        <dl>
            <dt>NORTH AMERICA</dt>
            <dd><a href="#">UNITED STATES</a></dd>
        </dl>
        <dl>
            <dt>SOUTH AMERICA</dt>
            <dd><a href="#">BRASIL</a></dd>
            <dd><a href="#">LATIN AMERICA</a></dd>
        </dl>
        <dl>
            <dt>ASIA - OCEANIA</dt>
            <dd><a href="#">中国</a></dd>
            <dd><a href="#">香港</a></dd>
            <dd><a href="#">HONG KONG</a></dd>
            <dd><a href="#">日本</a></dd>
            <dd><a href="#">한국</a></dd>
            <dd><a href="#">台灣</a></dd>
        </dl>
        <dl>
            <dt>INTERNATIONAL</dt>
            <dd><a href="#">INTERNATIONAL VERSION</a></dd>
        </dl>
    </div>
    <!--页尾-->
    <footer class="footer">
        <div class="footerNav">
            <a href="#" class="block">精品店</a>
            <a href="#" class="block">联系我们</a>
            <a href="#" class="block">职业生涯</a>
            <a id="popupButtom" class="block">中国 <span></span></a>
        </div>
        <span class="block">------</span>
        <span class="block">关注RIOR</span>
        <a href="#" class="block img"></a>
        <span class="block">------</span>
        <span class="block"> 沪ICP备10014525号 - 使用条款 - 个人信息</span>

    </footer>

</div>

<script src="js/jquery-2.0.3.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>